// Vue3
// 骨架屏组件
import Skeleton from './Skeleton'
// 轮播图组件
import Slider from './Slider'
// 更多组件
import More from './More'
// 面包屑组件
import Bread from './Bread/index.vue'
import BreadItem from './Bread/Item.vue'
// 上拉无线加载组件
import InfiniteLoad from './InfiniteLoad'
// 消息提示组件
import Message from './Message/index.vue'

// 图片懒加载指令
import { lazyload } from '@/directive'
export default {
    // app整个项目的应用实例
    install(app) {
        // 1.注册全局组件
        app.component(Skeleton.name, Skeleton)
        app.component(Slider.name, Slider)
        app.component(More.name, More)
        app.component(Bread.name, Bread)
        app.component(BreadItem.name, BreadItem)
        app.component(InfiniteLoad.name, InfiniteLoad)
        app.component(Message.name, Message)

        // 2. 自定义全局指令
        // 图片懒加载指令
        app.directive('lazyload', lazyload)
    }
}
